<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<div class="tools">
			<img src="./src/img/brush.png" alt="" class="brush active" />
			<img src="./src/img/eraser.png" alt="" class="eraser" />
			<img src="./src/img/clean.png" alt="" class="clean" title="点击清空画布" />
			<img src="./src/img/save.png" alt="" class="save" title="点击保存" />

			<img src="./src/img/undo.png" class="undo" alt="" />
			<img src="./src/img/redo.png" class="redo" alt="" />

			<img src="./src/img/arrow.png" class="arrow" alt="" />
		</div>

		<div class="side">
			<img src="./src/img/left-arrow.png" alt="" class="left-arrow" />
			<img src="./src/img/circular.png" alt="" />
			<img src="./src/img/hexagon.png" alt="" />
			<img src="./src/img/rectangle.png" alt="" />
			<img src="./src/img/square.png" alt="" />
			<img src="./src/img/triangle.png" alt="" />
		</div>

		<canvas id="canvas"></canvas>
	</body>
	<script src="./dist/boundle.js"></script>
</html>
